<!DOCTYPE html>
<html>
<head>
	<title>vue</title>
	<meta charset="UTF-8">
	<script src="./vue.js"></script>
</head>
<body>
	<div id="app">
		<div v-for="(value, key) in blog" style="background: pink; border: 2px solid black; margin: 10px">
			<div>{{key}}</div>
			<div v-for="obj in value" style="background: lightblue; border: 1px dashed gray; margin: 10px">{{obj.id}}</div>
		</div>
	</div>

	<script>
		new Vue({
			el: '#app',
			data: {
				blog: {'2020':[{id:10},{id:11},{id:12}],
					'2021':[{id:20},{id:21}]}
			}
		})
	</script>

</body>
</html>
